<script setup>

</script>

<template>
  <div class="w-[50px] h-[80px] absolute right-[-25px] top-1/2 z-10 button-33">

  </div>
</template>

<style scoped>
.button-33 {
  background-color: #c2eefb;
  border-radius: 100px;
  box-shadow: rgba(44, 175, 187, 0.2)
  0 -25px 18px -14px inset, rgba(44, 161, 187, 0.15)
  0 1px 2px, rgba(44, 166, 187, 0.15) 0 2px 4px, rgba(44, 144, 187, 0.15)
  0 4px 8px, rgba(44, 166, 187, 0.15) 0 8px 16px, rgba(44, 166, 187, 0.15)
  0 16px 32px;
  cursor: pointer;
  display: inline-block;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
  padding: 7px 20px;
  text-align: center;
  text-decoration: none;
  transition: all 250ms;
  border: 0;
  font-size: 16px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-33:hover {
  transition: all 1s ease-in-out;
  transform: translateX(-30px);
}
</style>